<style type="text/css">
.denggao_parent { overflow: hidden; table-layout: fixed; width: 100%;  background-color: #fff;}
.denggao_left { float: left; width: 25%; border-right: 1px #ddd solid; background-color: #f4f4f4; padding: 10px; overflow-y: auto;    height: calc(100vh - 72px);}
.denggao_left h3 { font-size: 18px; color: #333; padding: 0; margin: 0; }
.denggao_left .menulist { border: 1px #ddd solid; background-color: #fff; margin:10px 0; border-radius: 5px; }
.denggao_left .menulist li { border-bottom: 1px #f4f4f4 solid; padding: 10px; overflow: hidden; position: relative; }
.denggao_left .menulist li:hover { background-color: #f4f4f4 }
.denggao_left .menulist li a { color: #333; text-decoration: none; display: block; }
.denggao_left .menulist .active{border-left: 4px #39f solid !important;}
.menulist_li_right { position: absolute; right: 0px; top: 11px; }
.denggao_left .menulist li .iconfont { color: #666; font-weight: 200; }
.menulist_li_right .iconfont { ccolor: #666!important }
.denggao_left .menulist li:last-child { border:0; }
.denggao_right { float: left; width: 70%; border-left: 0; padding: 10px; background-color: #fff; color: #666; }
.denggao_right h1 { font-size: 16px; font-weight: 100; margin: 5px; padding-left: 15px; border-left: 3px #39f solid; }
.denggao_right .main_block { min-height: 500px; line-height: 33px; border-top: 1px #ddd solid; margin-top: 15px; padding: 15px; }
.denggao_right .xuanxiang { border: 1px #ddd solid; background-color: #f4f4f4; cursor: pointer; border-radius: 5px; font-size: 16px; padding: 5px; padding-left: 15px; color: #333; margin-bottom: 10px; }
.xuanxiang_li { border-bottom: 1px #eee solid; line-height: 40px; background-color: #fff; margin: 0 -5px 0 -15px; padding:  0 10px 0 20px; }
.xuanxiang_li span { float: right; }

.menulist_li_right .iconfont{ color: #bdbdbd!important; }
 @media (max-width:768px) {
 .denggao_parent {display: block;}
 .denggao_left, .denggao_right {width: 96%;display: block;}
}


</style>
<div class=" denggao_parent" ng-controller="settingController">
<div class="denggao_left">
<!--遍历菜单-->
<div ng-repeat="item in settingList | orderBy:'index'">
    {{item.title|T}}
    <ul class="menulist"  >
      <li ng-class="{active:itemzi.name==secparstr}"   ng-repeat="itemzi in item.list | orderBy:'index'" ng-click="playUrl(itemzi.name,itemzi.title)">
          <a href="javascript:void(0)"><i class="iconfont " ng-bind-html="itemzi.icon | to_html"></i>{{itemzi.title|T}}</a> 
          <span class="menulist_li_right"><i class="iconfont">&#xec4e;</i></span>
      </li>
    </ul>
</div>
</div>
<div ui-view="main"  class="denggao_right"></div>
</div>














